{extend name="base/main" /}
{block name="body"}
<link rel="stylesheet" href="/static/admin/layui/css/layui.css"  media="all">
<script src="/static/admin/layui/layui.js" charset="utf-8"></script>
<form class="layui-form" action="{:url('Maketing/index')}" method="post">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>搜索条件</legend>
    </fieldset>
    <div class="layui-form">
        <table class="layui-table">
            <div class="layui-form-item">
                <label class="layui-form-label">状态</label>
                <div class="layui-input-inline">
                    <select name="city" lay-verify="required">
                        <option value=""></option>
                        <option value="0">进行中</option>
                        <option value="1">已完成</option>
                        <option value="2">未完成</option>
                    </select>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">日期范围</label>
                    <div class="layui-inline" id="test6">
                        <div class="layui-input-inline">
                            <input type="text" autocomplete="off" id="test-startDate-1" class="layui-input" placeholder="开始日期">
                        </div>
                        <div class="layui-form-mid">-</div>
                        <div class="layui-input-inline">
                            <input type="text" autocomplete="off" id="test-endDate-1" class="layui-input" placeholder="结束日期">
                        </div>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">搜索</label>
                    <div class="layui-input-inline">
                        <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input" placeholder="请输入要查询的数据">
                    </div>
                    <button type="button" class="layui-btn layui-btn-normal">搜索</button>
                </div>
            </div>
        </table>
    </div>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>分类列表</legend>
    </fieldset>
    <div class="layui-form">
        <table class="layui-table">
            <colgroup>
                <col width="150">
                <col width="150">
                <col width="200">
                <col>
            </colgroup>
            <thead>
            <tr>
                <th>开团团长</th>
                <th>订单号</th>
                <th>开团时间</th>
                <th>结束时间</th>
                <th>拼团产品</th>
                <th>拼团情况</th>
                <th>真实人数</th>
                <th>状态</th>
                <th>查看详情</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            {volist name="data" id="vo"}
            <tr>
                <td>{$vo.commander}</td>
                <td>{$vo.order_id}</td>
                <td>{$vo.s_time}</td>
                <td>{$vo.f_time}</td>
                <td>{$vo.product}</td>
                <td>{$vo.condition}</td>
                <td>{$vo.p_num}</td>
                <td>{$vo.state}</td>
                <td>{$vo.particulars}</td>
               
            </tr>
            {/volist}
            </tbody>
        </table>
    </div>
</form>
<script>
    //Demo
    layui.use('form', function(){
        var form = layui.form;

        //监听提交
        form.on('submit(formDemo)', function(data){
            // layer.msg(JSON.stringify(data.field));
            // return false;
        });
    });
</script>
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;
        //日期范围
        laydate.render({
            elem: '#test6'
            //设置开始日期、日期日期的 input 选择器
            //数组格式为 2.6.6 开始新增，之前版本直接配置 true 或任意分割字符即可
            ,range: ['#test-startDate-1', '#test-endDate-1']
        });
    });
</script>

{/block}